<template>
    <view>
        <view class="noData">
        	<i class="iconfont icon-noData" :style="{'color':iconColor}"></i>
        	<view class="text">{{emptyInfo || '暂无相关数据'}}</view>
        </view>
    </view>
</template>
<script setup>
	/**
	 * @description 空数据
	 * @property {String} iconColor  图标颜色
	 * @property {String} emptyInfo  显示文字
	 * @event {Function} xxx 方法作用
	 */
	const props = defineProps({
		iconColor: {
			type: String,
			default: '#CCCCCC'
		},
		emptyInfo: {
			type: String,
			default: '没有相关数据'
		}
	})
</script>
<style lang="scss" scoped>
.noData{
	width: 100%;
	height: 400rpx;
	margin: 300rpx auto;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	.iconfont{
		font-size: 250rpx;
		// color: var(--primary-color);
	}
	.text{
		height: 80rpx;
		line-height: 80rpx;
		color: #CCCCCC;
	}
}
</style>